<script setup lang="ts">
import { useLoginStore } from '@/store/useLoginStore'

const loginStore = useLoginStore()
</script>

<template>
  <div class="home-container">
    <h1>主页</h1>

    <div v-if="loginStore.isLogin">
      
      <div v-for="(merchant, index) in loginStore.merchants" :key="index" style="margin-bottom: 20px;">
        <p>商户编号：{{ merchant.id }}</p>
        <p>商户名称：{{ merchant.merchantName }}</p>
        <p>用户名：{{ merchant.username }}</p>
        <p>是否通过审核：
          {{ merchant.isExamine === 1 ? '是' : '否' }}
        </p>
        <p >未通过原因: {{ merchant.remark }}</p>
        <hr />
      </div>
    </div>

    <div v-else>
      <p>您尚未登录，请先登录。</p>
    </div>
  </div>
</template>

<style scoped>
.home-container {
  padding: 20px;
}
</style>